<template>
   <div class="search">
     <input class="search-input" type="text" placeholder="输入城市名或拼音"/>
   </div>
</template>

<script>
export default {
    name : 'CitySearch'
}
</script>

<style lang="stylus" scoped>
@import '~styles/variables.styl'
  .search
    background $bgColor
    height .72rem
    padding 0 .1rem
    .search-input
      width 100%
      height $inputHeight
      line-height $inputHeight
      text-align center
      border-radius .06rem
      color #666
      padding 0 .1rem
      box-sizing border-box
      // https://blog.csdn.net/qq_26780317/article/details/80736514
</style>
